﻿
/* css reset */
body{color:#000;background:#fff;font-size:12px;line-height:166.6%;text-align:center;}
body,input,select,button{font-family:verdana;-webkit-text-size-adjust:none}
h1,h2,h3,select,input,button{font-size:100%}
body,h1,h2,h3,ul,li,form,p,img{margin:0;padding:0;border:0}
input,button,select,img{margin:0;line-height:normal;}
.field-validation-error{ color:Red;}
ul{list-style:none}
select,input,button,button img,label{vertical-align:middle}
header,footer,section,aside,hgroup,figure,figcaption{display:block;margin:0;padding:0;border:none}
a{text-decoration:none;color:#848585}
a:hover{color:#000}

/* global */
.unvisi{visibility:hidden}
/* backgroundImage */
.headerIntro,
.loginFuncNormal,
.themeText li,
.whatAutologin,
.btn,
.dialogbox .hd .rc,
.dialogbox .hd,
.btn-moblogin,
.btn-moblogin2,
.ico,
.ext,
#extText li,
#extMobLogin li{}
.headerLogo,
.headerIntro,
.headerNav,
.footerLogo,
.footerNav,
.loginFormTdIpt,
#loginFormSelect,
#whatAutologinTip{position:absolute}
/* ico */
.ico-arr{display:inline-block;width:7px;height:12px;vertical-align:baseline;background-position:-160px -112px;}
.ico-arr-d{background-position:-160px -110px;}
.loginFormConf a:hover .ico-arr-d,
.ico-arr-d-focus{background-position:-176px -110px;}
*+html .ico-arr-d{background-position:-160px -112px;}
*+html .loginFormConf a:hover .ico-arr-d,
*+html .loginFormConf a:hover .ico-arr-d,
*+html .ico-arr-d-focus{background-position:-176px -112px;}
/* header */
.header{width:100%; float:left; height:70px;line-height:70px;  overflow:hidden; background-color:#0071C5;}
div.content{width:800px;height:70px;line-height:70px; position:relative;margin:0 auto;z-index:2;overflow:hidden; background-color:#0071C5;}
.headerLogo{top:15px;left:0px}
.headerIntro{height:28px;width:144px;display:block;background-position:0 -64px;top:17px;left:144px}
.headerNav{top:0px;right:0px;width:300px;text-align:right}
.headerNav a{margin-left:13px; color:#FFFFFF;}
#headerEff{}
/* main */
.main{height:440px;margin:0 auto;background:#fff;}
.main-inner{width:900px;height:440px;overflow:visible;margin:0 auto;position:relative;clear:both}


.login{width:338px;height:388px;float:left;margin-left:240px;margin-top:24px;background:#fff;_display:inline;text-align:left;position:relative;z-index:2;}
.loginFunc{width:338px;height:49px;overflow:hidden;clear:both;}
.loginFuncNormal{width:320px; padding-left:18px; height:49px;overflow:hidden;position:relative;line-height:46px;font-weight:700;background-position:0 0;float:left;font-size:14px;text-align:left;+line-height:48px;background-repeat:repeat-x;color:#333;cursor:pointer;}
.tab-1 .loginFuncNormal,
.tab-1 .loginFuncNormal .loginIcoCurrent,
.tab-1 #extText,
.tab-2 .loginFormThMob{display:block;}

/* form */
.loginForm{position:relative;height:319px;padding-top:20px;}
#titleImage{ margin:0 0 20px 0;}
#titleImage img{ float:left;}
#titleImage span{float:left; padding:6px 0 0 5px; height:18px; line-height:18px; font-size:20px; font-weight:bold; color:#0071C5;}
.loginFormIpt{position:relative;height:33px;line-height:33px;margin-top:0px;clear:both;width:280px; }

.loginFormIptWiotTh{height:35px;border:none;margin-top:19px;width:255px;}
.loginFormTdIpt{width:237px;padding:7px 8px 6px 8px; height:20px;top:0;right:0;line-height:20px;font-size:16px;font-weight:700;border:1px solid #B1BBCD;font-family:verdana;line-height:17px;color:#92a4bf;}
.showPlaceholder .placeholder{visibility:visible;cursor:text;}
.placeholder{color:#92a4bf;font-size:14px;text-indent:10px;position:absolute;left:0;top:0;visibility:hidden;background:none;}
.loginFormCheck{height:14px;line-height:14px;color:#555;margin-left:42px;margin-top:0;clear:both;width:255px;position:relative;z-index:1;}
.loginFormCheckInner{height:14px;float:left;}
.forgetPwdLine{height:10px;line-height:10px;margin-left:42px;clear:both;width:228px;margin:5px 0 3px 0; padding-left:25px; text-align:left;}
.loginFormSslText{font-family:simsun}
.whatAutologin{display:inline-block;vertical-align:top;width:14px;height:14px;background-position:-112px -112px;line-height:999em;overflow:hidden}
.btn{float:left;height:37px;text-align:center;cursor:pointer;border:0;padding:0;font-weight:700;font-size:14px;display:inline-block;vertical-align:baseline;line-height:35px;outline:0;}
.btn-login{width:108px;color:#fff; margin-left:24px;  background-image:url('../Content/images/BtnOK.png');}
.btn-login-hover{background-position:0 -256px;}
.btn-login-active{background-position:0 -304px}
.btn-reg{width:102px;background-position:-112px -208px;color:#555;float:right;}
.btn-reg:hover{color:#555}
.btn-reg-hover{background-position:-112px -256px;color:#555}
.btn-reg-active{background-position:-112px -304px;color:#555}
.btn-moblogin2{width:202px;height:37px;text-align:center;font-size:14px;background-position:-396px -288px;background-color:#fff;margin-top:30px;float:none;margin-left:46px;}
/* ext */
#extText,#extMobLogin,#extMobLogin2{display:none;}
.ext{width:336px;height:42px;background-position:0 -448px;background-repeat:repeat-x;position:absolute;bottom:0;}
#extText{margin:15px 0 0 42px;line-height:12px;}
#extText li{background-position:-240px -123px;background-repeat:no-repeat;padding-left:7px;color:#9bacc6;margin-bottom:9px;}
#extText li a{color:#9bacc6;}
#extText li a:hover{color:#5d8dc8;}

/* footer */
.footer{   position:absolute;  bottom:0; width:100%;}
.footer-inner{width:900px;height:63px;overflow:visible;margin:0 auto;color:#848585;position:relative; border-top:2px solid #f7f7f7;}
.footerLogo{top:11px;left:35px}
.footerNav{top:25px;left:270px;}
.footerNav a{margin-left:14px}
.copyright{margin-left:22px}
